<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Vue.js</title>
    <meta name="description" content="Vue.js - The Progressive JavaScript Framework">
    <link rel="stylesheet" href="static/css/style.d14beee3.css">
    <link rel="modulepreload" href="https://vuejs.org/assets/app.a30aa7c3.js">
    <link rel="modulepreload" href="https://vuejs.org/assets/ecosystem_themes.md.98d231c3.lean.js">
    <link rel="prefetch" href="https://vuejs.org/assets/chunks/VPAlgoliaSearchBox.c56f801b.js">
    <link rel="icon" href="https://vuejs.org/logo.svg">
  <link rel="preload" href="https://vuejs.org/assets/inter-latin.7b37fe23.woff2" as="font" type="font/woff2" crossorigin="anonymous">
  <script>(()=>{const e=localStorage.getItem("vue-theme-appearance");(!e||e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
  <meta name="twitter:site" content="@vuejs">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:image" content="https://vuejs.org/images/logo.png">
  <link rel="preconnect" href="https://sponsors.vuejs.org/">
  <script>(()=>{const e=(o,r,c=!1)=>{const s=localStorage.getItem(o);(s?s!=="false":c)&&document.documentElement.classList.add(r)};e("vue-docs-prefer-composition","prefer-composition"),e("vue-docs-prefer-sfc","prefer-sfc",!0),window.__VUE_BANNER_ID__="wip",e(`vue-docs-banner-${__VUE_BANNER_ID__}`,"banner-dismissed")})();</script>
  <script src="static/js/script.js" data-site="XNOLWPLB" data-spa="auto" defer=""></script>
  <meta name="twitter:title" content="Vue.js">
  <meta property="og:title" content="Vue.js">
  </head>
  <body>
    <div id="app"><div class="VPApp" data-v-204468d7=""><!--[--><span tabindex="-1" data-v-4f742274=""></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-4f742274=""> Skip to content </a><!--]--><!----><!--[--><div class="banner" data-v-7b6b3f89=""> Vue 3 is now the new default version! <a href="vue-3-as-the-new-default.html" target="_blank" data-v-7b6b3f89="">Learn more</a></div><!--]--><header class="VPNav nav-bar stick" data-v-204468d7="" data-v-01dbeacc=""><div class="VPNavBar" data-v-01dbeacc="" data-v-6a126dd3=""><div class="container" data-v-6a126dd3=""><a class="VPNavBarTitle" href="index12.html" data-v-6a126dd3="" data-v-5f26462c=""><svg class="logo" viewbox="0 0 128 128" width="24" height="24" data-v-5f26462c=""><path fill="#42b883" d="M78.8,10L64,35.4L49.2,10H0l64,110l64-110C128,10,78.8,10,78.8,10z" data-v-5f26462c=""></path><path fill="#35495e" d="M78.8,10L64,35.4L49.2,10H25.6L64,76l38.4-66H78.8z" data-v-5f26462c=""></path></svg><span class="text" data-v-5f26462c="">Vue.js</span></a><div class="content" data-v-6a126dd3=""><div class="VPNavBarSearch search" data-v-6a126dd3=""><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewbox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><span class="DocSearch-Button-Key">Meta</span><span class="DocSearch-Button-Key">K</span></span></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-6a126dd3="" data-v-68faa570=""><span id="main-nav-aria-label" class="visually-hidden" data-v-68faa570="">Main Navigation</span><!--[--><!--[--><div class="vt-flyout VPNavBarMenuGroup" ref_key="elRef" data-v-68faa570="" data-v-b598edbc=""><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">Docs <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><!--[--><!--[--><a class="vt-link link vt-menu-link" href="introduction3.html"><!--[-->Guide<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;"><!--[-->Tutorial<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;"><!--[-->Examples<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="quick-start.html"><!--[-->Quick Start<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;"><!--[-->Style Guide<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Migration from Vue 2<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="vt-link link VPNavBarMenuLink" href="javascript:;" data-v-68faa570="" data-v-c1ab2038=""><!--[-->API<!--]--><!----></a><!--]--><!--[--><a class="vt-link link VPNavBarMenuLink" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-68faa570="" data-v-c1ab2038=""><!--[-->Playground<!--]--><!----></a><!--]--><!--[--><div class="vt-flyout VPNavBarMenuGroup active" ref_key="elRef" data-v-68faa570="" data-v-b598edbc=""><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">Ecosystem <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><!--[--><!--[--><div class="vt-menu-group"><p class="vt-menu-group-title">Resources</p><!--[--><!--[--><a class="vt-link link vt-menu-link" href="partners1.html"><!--[-->Partners<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href=""><!--[-->Themes<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Jobs<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->T-Shirt Shop<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--]--><!--[--><div class="vt-menu-group"><p class="vt-menu-group-title">Video Courses</p><!--[--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Vue Mastery<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Vue School<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--]--><!--[--><div class="vt-menu-group"><p class="vt-menu-group-title">Help</p><!--[--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Discord Chat<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="index25.html" target="_blank" rel="noopener noreferrer"><!--[-->Forum<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->DEV Community<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--]--><!--[--><div class="vt-menu-group"><p class="vt-menu-group-title">News</p><!--[--><!--[--><a class="vt-link link vt-menu-link" href="index10.html" target="_blank" rel="noopener noreferrer"><!--[-->Blog<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Twitter<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="index9.html" target="_blank" rel="noopener noreferrer"><!--[-->Newsletter<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->Events<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="vt-flyout VPNavBarMenuGroup" ref_key="elRef" data-v-68faa570="" data-v-b598edbc=""><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">About <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><!--[--><!--[--><a class="vt-link link vt-menu-link" href="faq.html"><!--[-->FAQ<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="team1.html"><!--[-->Team<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="releases.html"><!--[-->Releases<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="community-guide.html"><!--[-->Community Guide<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="coc.html"><!--[-->Code of Conduct<!--]--><!----></a><!--]--><!--[--><a class="vt-link link vt-menu-link" href="javascript:;" target="_blank" rel="noopener noreferrer"><!--[-->The Documentary<!--]--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="vt-link link VPNavBarMenuLink" href="javascript:;" data-v-68faa570="" data-v-c1ab2038=""><!--[-->Sponsor<!--]--><!----></a><!--]--><!--]--></nav><div class="VPNavBarAppearance appearance" data-v-6a126dd3="" data-v-10e6f5bd=""><button class="vt-switch vt-switch-appearance" type="button" role="switch" aria-label="toggle dark mode" data-v-10e6f5bd=""><span class="vt-switch-check"><span class="vt-switch-icon"><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-sun"><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-moon"><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="vt-social-links VPNavBarSocialLinks social-links" data-v-6a126dd3="" data-v-3d7800db=""><!--[--><a class="vt-social-link is-small" href="javascript:;" title="languages" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M0 0h24v24H0z" fill="none"></path><path d=" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z " class="css-c4d79v"></path></svg><span class="visually-hidden">languages</span></a><a class="vt-social-link is-small" href="javascript:;" title="github" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="visually-hidden">github</span></a><a class="vt-social-link is-small" href="javascript:;" title="twitter" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"></path></svg><span class="visually-hidden">twitter</span></a><a class="vt-social-link is-small" href="javascript:;" title="discord" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"></path></svg><span class="visually-hidden">discord</span></a><!--]--></div><div class="vt-flyout VPNavBarExtra extra" ref_key="elRef" data-v-6a126dd3="" data-v-47ed6b06=""><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-icon"><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="vt-flyout-menu"><div class="vt-menu"><!----><!--[--><!--[--><div class="vt-menu-group" data-v-47ed6b06=""><div class="vt-menu-item item" data-v-47ed6b06=""><p class="vt-menu-label" data-v-47ed6b06="">Appearance</p><div class="vt-menu-action action" data-v-47ed6b06=""><button class="vt-switch vt-switch-appearance" type="button" role="switch" aria-label="toggle dark mode" data-v-47ed6b06=""><span class="vt-switch-check"><span class="vt-switch-icon"><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-sun"><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-moon"><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div></div></div><div class="vt-menu-group" data-v-47ed6b06=""><div class="vt-menu-item item" data-v-47ed6b06=""><div class="vt-social-links social-links" data-v-47ed6b06=""><!--[--><a class="vt-social-link is-small" href="javascript:;" title="languages" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M0 0h24v24H0z" fill="none"></path><path d=" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z " class="css-c4d79v"></path></svg><span class="visually-hidden">languages</span></a><a class="vt-social-link is-small" href="javascript:;" title="github" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="visually-hidden">github</span></a><a class="vt-social-link is-small" href="javascript:;" title="twitter" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"></path></svg><span class="visually-hidden">twitter</span></a><a class="vt-social-link is-small" href="javascript:;" title="discord" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"></path></svg><span class="visually-hidden">discord</span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><button type="button" class="vt-hamburger VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-6a126dd3="" data-v-160e7f70=""><span class="vt-hamburger-container"><span class="vt-hamburger-top"></span><span class="vt-hamburger-middle"></span><span class="vt-hamburger-bottom"></span></span></button></div></div></div><!----></header><!----><!----><div id="VPContent" class="VPContent" data-v-204468d7="" data-v-f56f3cfe=""><div class="VPContentPage" data-v-f56f3cfe=""><main><div style="position:relative;"><div><div class="ThemePage"><div class="ThemeHero" data-v-4699da9f=""><div class="container" data-v-4699da9f=""><h1 class="title" data-v-4699da9f=""><!--[-->Themes<!--]--></h1><p class="lead" data-v-4699da9f=""><!--[-->Check out the themes, UI Kits, and plugins. you can see how a real world application is built with Vue by our partners.<!--]--></p></div></div><div class="ThemeList" data-v-601991b6=""><div class="container" data-v-601991b6=""><!--[--><div class="item" data-v-601991b6=""><section class="ThemeListItem" data-v-601991b6="" data-v-5b5d9d22=""><h2 class="title" data-v-5b5d9d22="">Creative Tim</h2><p class="description" data-v-5b5d9d22="">With the examples below built by our partners from <a href="javascript:;" class="link" target="_blank" rel="noopener">Creative Tim</a> you can see how a real world application is built, the technology stack behind it and how most of the concepts you've learned so far apply in a real world application.</p><div class="container" data-v-5b5d9d22=""><div class="products" data-v-5b5d9d22=""><!--[--><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-argon-design-system/vue-argon-design-system.jpg" alt="Vue Argon Design System" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Argon Design System</h1><p class="description" data-v-714321d5="">Free Vue.js Design System</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard-pro/vue-black-dashboard-pro.jpg" alt="Vue Black Dashboard Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Black Dashboard Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$59</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard-pro/vue-black-dashboard-pro.jpg" alt="Vue Paper Dashboard 2 Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Paper Dashboard 2 Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$59</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-kit/vue-material-kit.jpg" alt="Vue Material Kit" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Material Kit</h1><p class="description" data-v-714321d5="">Free Vue.js UI Kit</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-black-dashboard/vue-black-dashboard.jpg" alt="Vue Black Dashboard" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Black Dashboard</h1><p class="description" data-v-714321d5="">Free Vue.js Admin Template</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-kit-pro/vue-now-ui-kit-pro.jpg" alt="Vue Now UI Kit Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Now UI Kit Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js UI Kit</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$79</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-dashboard-pro/vue-now-ui-dashboard-pro.jpg" alt="Vue Now UI Dashboard Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Now UI Dashboard Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$59</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-now-ui-kit/vue-now-ui-kit.jpg" alt="Vue Now UI Kit" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Now UI Kit</h1><p class="description" data-v-714321d5="">Free Vue.js UI Kit</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-light-bootstrap-dashboard-pro/vue-light-bootstrap-dashboard-pro.jpg" alt="Vue Light Bootstrap Dashboard Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Light Bootstrap Dashboard Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$49</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-dashboard-pro/vue-material-dashboard-pro.jpg" alt="Vue Material Dashboard Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Material Dashboard Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$59</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-material-kit-pro/vue-material-kit-pro.jpg" alt="Vue Material Kit Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Material Kit Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js UI Kit</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$89</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://raw.githubusercontent.com/creativetimofficial/public-assets/master/vue-light-bootstrap-dashboard/vue-light-bootstrap-dashboard.jpg" alt="Vue Light Bootstrap Dashboard" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Light Bootstrap Dashboard</h1><p class="description" data-v-714321d5="">Free Vue.js Admin Template</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><!--]--></div></div><div class="action" data-v-5b5d9d22=""><a class="vt-link link action-link" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22=""><!--[--> See More Themes from Creative Tim<!--]--><!----></a></div></section></div><div class="item" data-v-601991b6=""><section class="ThemeListItem" data-v-601991b6="" data-v-5b5d9d22=""><h2 class="title" data-v-5b5d9d22="">MDBootstrap</h2><p class="description" data-v-5b5d9d22="">Check out the themes, UI Kits and plugins below built by our partners from <a href="javascript:;" class="link" target="_blank" rel="noopener">MDBootstrap</a>. Learn how to use Vue in professional projects along such technologies as Bootstrap. Templates & ready components make your development faster and more efficient.`</p><div class="container" data-v-5b5d9d22=""><div class="products" data-v-5b5d9d22=""><!--[--><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/ui-kit.jpg" alt="Vue Material Bootstrap Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Material Bootstrap Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js UI Kit</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$99</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/ui-kit.jpg" alt="Vue Material Bootstrap Kit" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Material Bootstrap Kit</h1><p class="description" data-v-714321d5="">Free Vue.js UI Kit</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/admin-pack.jpg" alt=" Vue Admin Bootstrap Pro" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5=""> Vue Admin Bootstrap Pro</h1><p class="description" data-v-714321d5="">Premium Vue.js Templates Pack</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$79</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/admin-pack.jpg" alt="Vue Admin Bootstrap" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Vue Admin Bootstrap</h1><p class="description" data-v-714321d5="">Free Vue.js Templates Pack</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><!--]--></div></div><div class="action" data-v-5b5d9d22=""><a class="vt-link link action-link" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22=""><!--[--> See More Themes from MDBootstrap<!--]--><!----></a></div></section></div><div class="item" data-v-601991b6=""><section class="ThemeListItem" data-v-601991b6="" data-v-5b5d9d22=""><h2 class="title" data-v-5b5d9d22="">PrimeVue</h2><p class="description" data-v-5b5d9d22="">The open-source UI component library <a href="javascript:;" class="link" target="_blank" rel="noopener">PrimeVue</a> offers over 80 flexible components to build your apps with! They have a ton of different component themes and Vue-CLI application templates available to get the look & feel that suits you best.`</p><div class="container" data-v-5b5d9d22=""><div class="products" data-v-5b5d9d22=""><!--[--><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/sakai.jpg" alt="Sakai" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Sakai</h1><p class="description" data-v-714321d5="">Free Admin Template</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/atlantis.jpg" alt="Atlantis" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Atlantis</h1><p class="description" data-v-714321d5="">Premium Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$59</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/freya.jpg" alt="Freya" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Freya</h1><p class="description" data-v-714321d5="">Premium Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$59</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/ultima.jpg" alt="Ultima" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Ultima</h1><p class="description" data-v-714321d5="">Material Design Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$79</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/diamond.jpg" alt="Diamond" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Diamond</h1><p class="description" data-v-714321d5="">PrimeOne Design Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$59</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/sapphire.jpg" alt="Sapphire" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Sapphire</h1><p class="description" data-v-714321d5="">Material Design Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$49</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/avalon.jpg" alt="Avalon" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Avalon</h1><p class="description" data-v-714321d5="">Bootstrap Inspired Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$49</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/serenity.jpg" alt="Serenity" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Serenity</h1><p class="description" data-v-714321d5="">Material Design Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$49</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/apollo.jpg" alt="Apollo" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Apollo</h1><p class="description" data-v-714321d5="">Admin Template with a Dark Mode</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$49</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/babylon.jpg" alt="Babylon" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Babylon</h1><p class="description" data-v-714321d5="">Admin Template with Extensive Options</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$49</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/roma.jpg" alt="Roma" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Roma</h1><p class="description" data-v-714321d5="">Admin Template with a Clean Design System</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$39</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="static/picture/prestige.jpg" alt="Prestige" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Prestige</h1><p class="description" data-v-714321d5="">Highly Customizable Admin Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$39</p></div></div></article><!--]--><!----></a></div><!--]--></div></div><div class="action" data-v-5b5d9d22=""><a class="vt-link link action-link" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22=""><!--[--> See More Themes from PrimeVue<!--]--><!----></a></div></section></div><div class="item" data-v-601991b6=""><section class="ThemeListItem" data-v-601991b6="" data-v-5b5d9d22=""><h2 class="title" data-v-5b5d9d22="">Flatlogic</h2><p class="description" data-v-5b5d9d22="">Check out the admin dashboard templates built by our partners from <a href="javascript:;" class="link" target="_blank" rel="noopener">Flatlogic</a>. With these themes you can see how real applications are built. Additionally, these templates will help you to start a new application and save you time and money.`</p><div class="container" data-v-5b5d9d22=""><div class="products" data-v-5b5d9d22=""><!--[--><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://flatlogic.com/assets/templates/sing_vue_full-cb6b9fdd0465a0d60c0fafa2deca1929cc4966957c8e1ce57565a5e2f45ff043.webp" alt="Sing App Vue" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Sing App Vue</h1><p class="description" data-v-714321d5="">Vue Admin Dashboard Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$99</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://flatlogic.com/assets/templates/sing_vue_full_nodejs-78af09220a2d085fec9bbc1071879915b30737f25d72669152f3b090291609aa.webp" alt="Sing App Vue Node.js" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Sing App Vue Node.js</h1><p class="description" data-v-714321d5="">Vue Admin Dashboard Template with Node.JS Backend</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$149</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://flatlogic.com/assets/templates/light_blue_vue_full-e044d30242912d5756b190e576bf30ea967b725c09d2e371a7eabf1c6a9c33b2.webp" alt="Light Blue Vue" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Light Blue Vue</h1><p class="description" data-v-714321d5="">Vue Admin Dashboard Template</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$99</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://flatlogic.com/assets/templates/light_blue_vue_lite-c1937a2a01e5e8e8ede29a3ead011126e9dab5c58b9017daefe36411f9a1089e.webp" alt="Light Blue Vue Admin" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Light Blue Vue Admin</h1><p class="description" data-v-714321d5="">Free and Open Source Vue JS Template for Admin Dashboard</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://flatlogic.com/assets/templates/sing_vue_lite-ae3ec037404bc9ae29599a16afe276e638bd916713d75946c604feb69323ec21.webp" alt="Sing App Vue Dashboard" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Sing App Vue Dashboard</h1><p class="description" data-v-714321d5="">Free and Open Source Vue.js Admin Dashboard Template</p></div><div class="price" data-v-714321d5=""><p class="free" data-v-714321d5="">FREE</p></div></div></article><!--]--><!----></a></div><div class="product" data-v-5b5d9d22=""><a class="vt-link link ThemeProduct" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22="" data-v-714321d5=""><!--[--><article class="container" data-v-714321d5=""><figure class="figure" data-v-714321d5=""><img class="image" src="https://flatlogic.com/assets/templates/light_blue_vue_full_nodejs-06f941c849f0a83a3c0d38c728101eace06a7515ea048f12bcd91f165280246f.webp" alt="Light Blue Vue Node.js" data-v-714321d5=""></figure><div class="data" data-v-714321d5=""><div class="title" data-v-714321d5=""><h1 class="name" data-v-714321d5="">Light Blue Vue Node.js</h1><p class="description" data-v-714321d5="">Vue Admin Template with Node.JS Backend</p></div><div class="price" data-v-714321d5=""><p class="value" data-v-714321d5="">$149</p></div></div></article><!--]--><!----></a></div><!--]--></div></div><div class="action" data-v-5b5d9d22=""><a class="vt-link link action-link" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-5b5d9d22=""><!--[--> See More Themes from Flatlogic<!--]--><!----></a></div></section></div><!--]--></div></div><aside class="ThemeContact" data-v-88d40e66=""><p class="text" data-v-88d40e66=""><!--[--> Want to feature your themes here? <a class="link" href="mailto:evan@vuejs.org?subject=Theme+affiliation">Contact us!</a><!--]--></p></aside></div></div></div></main><!--[--><!--]--><div class="VPFooter" data-v-111e6896=""><p class="license" data-v-111e6896=""> Released under the <a class="vt-link link link" href="javascript:;" target="_blank" rel="noopener noreferrer" data-v-111e6896=""><!--[-->MIT License<!--]--><!----></a>. </p><p class="copyright" data-v-111e6896="">Copyright © 2014-2022 Evan You</p></div><!--[--><!--]--></div></div><div class="visually-hidden" aria-live="polite" data-v-204468d7=""> has loaded</div></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"about_coc.md\":\"ec124486\",\"about_community-guide.md\":\"ecd55cd7\",\"about_faq.md\":\"72885423\",\"about_releases.md\":\"cb8e2868\",\"about_team.md\":\"1d08e2ec\",\"api_application.md\":\"5d4f5e30\",\"api_built-in-components.md\":\"084e6f14\",\"api_built-in-directives.md\":\"42070cc6\",\"api_built-in-special-attributes.md\":\"594f5868\",\"api_built-in-special-elements.md\":\"a01aa982\",\"api_component-instance.md\":\"efd278b7\",\"api_composition-api-dependency-injection.md\":\"44bab61d\",\"api_composition-api-lifecycle.md\":\"ef0645d7\",\"api_composition-api-setup.md\":\"397119f6\",\"api_custom-renderer.md\":\"f41bc6d0\",\"api_general.md\":\"835927b3\",\"api_index.md\":\"7cca9005\",\"api_options-composition.md\":\"c30dac4e\",\"api_options-lifecycle.md\":\"d63a3077\",\"api_options-misc.md\":\"4816748d\",\"api_options-rendering.md\":\"9fd1fb2f\",\"api_options-state.md\":\"f0bd627e\",\"api_reactivity-advanced.md\":\"270a2bb7\",\"api_reactivity-core.md\":\"da8e7de7\",\"api_reactivity-utilities.md\":\"b993819a\",\"api_render-function.md\":\"7749bc39\",\"api_sfc-css-features.md\":\"3d2a8d46\",\"api_sfc-script-setup.md\":\"a8a8ad90\",\"api_sfc-spec.md\":\"6fcb6bd7\",\"api_ssr.md\":\"4a47f334\",\"api_utility-types.md\":\"9db9f5be\",\"ecosystem_partners.md\":\"6dc1e8a2\",\"ecosystem_themes.md\":\"98d231c3\",\"ecosystem_video-courses.md\":\"d429bab9\",\"examples_index.md\":\"0bae3c4d\",\"guide_best-practices_accessibility.md\":\"4131dd32\",\"guide_best-practices_performance.md\":\"270f0e39\",\"guide_best-practices_production-deployment.md\":\"39962654\",\"guide_best-practices_security.md\":\"d5f7af17\",\"guide_built-ins_keep-alive.md\":\"598c6bbc\",\"guide_built-ins_suspense.md\":\"a834ce77\",\"guide_built-ins_teleport.md\":\"de433da2\",\"guide_built-ins_transition-group.md\":\"4e15c47e\",\"guide_built-ins_transition.md\":\"e8dcf9a2\",\"guide_components_async.md\":\"0607f4aa\",\"guide_components_attrs.md\":\"8959ac38\",\"guide_components_events.md\":\"85dbe5dd\",\"guide_components_props.md\":\"b7ecc08c\",\"guide_components_provide-inject.md\":\"a0e3bc5c\",\"guide_components_registration.md\":\"9f7e5da3\",\"guide_components_slots.md\":\"42563fde\",\"guide_essentials_application.md\":\"9a5bb921\",\"guide_essentials_class-and-style.md\":\"d0cd6449\",\"guide_essentials_component-basics.md\":\"b6bfed3e\",\"guide_essentials_computed.md\":\"ba7233ad\",\"guide_essentials_conditional.md\":\"da6c3c96\",\"guide_essentials_event-handling.md\":\"0c3008e1\",\"guide_essentials_forms.md\":\"d36122b9\",\"guide_essentials_lifecycle.md\":\"acdc7afe\",\"guide_essentials_list.md\":\"ba9403a8\",\"guide_essentials_reactivity-fundamentals.md\":\"7bbaecfe\",\"guide_essentials_template-refs.md\":\"0d03ff0b\",\"guide_essentials_template-syntax.md\":\"4c8e4d4e\",\"guide_essentials_watchers.md\":\"98aa932c\",\"guide_extras_animation.md\":\"77876636\",\"guide_extras_composition-api-faq.md\":\"fa5638e4\",\"guide_extras_custom-renderer.md\":\"5826a538\",\"guide_extras_reactivity-in-depth.md\":\"a4a19575\",\"guide_extras_reactivity-transform.md\":\"b648ca29\",\"guide_extras_render-function.md\":\"1d0e3e6c\",\"guide_extras_rendering-mechanism.md\":\"cb6fc521\",\"guide_extras_ways-of-using-vue.md\":\"4836a5f1\",\"guide_extras_web-components.md\":\"3f29b689\",\"guide_introduction.md\":\"8d449b0a\",\"guide_quick-start.md\":\"7b2a84a9\",\"guide_reusability_composables.md\":\"3dfa7125\",\"guide_reusability_custom-directives.md\":\"f9797308\",\"guide_reusability_plugins.md\":\"ae1e06eb\",\"guide_scaling-up_routing.md\":\"2eaec42f\",\"guide_scaling-up_sfc.md\":\"99c22966\",\"guide_scaling-up_ssr.md\":\"95786d3c\",\"guide_scaling-up_state-management.md\":\"d02894e9\",\"guide_scaling-up_testing.md\":\"81c551f9\",\"guide_scaling-up_tooling.md\":\"55454d55\",\"guide_typescript_composition-api.md\":\"8768bde3\",\"guide_typescript_options-api.md\":\"bbdb5348\",\"guide_typescript_overview.md\":\"7926b2b2\",\"index.md\":\"c6095b08\",\"sponsor_index.md\":\"9b167316\",\"style-guide_index.md\":\"152edb14\",\"style-guide_rules-essential.md\":\"de5cf114\",\"style-guide_rules-recommended.md\":\"a594646e\",\"style-guide_rules-strongly-recommended.md\":\"c119705a\",\"style-guide_rules-use-with-caution.md\":\"50bd1c99\",\"translations_index.md\":\"69c6ce32\",\"tutorial_index.md\":\"f1deb7e2\"}")</script>
    <script type="module" async="" src="static/js/app.a30aa7c3.js"></script>
    
  </body>
</html>